@charset "utf-8";

@import "function.less";

.ui-slider{
	position:relative; .over-zoom(); .bd(); margin:0 auto 10px auto;
	ul{ .over-zoom(); position:relative; height:200px;
		li{ position:absolute; z-index:1; top:0; }
	}
	.ctrl,.point-ctrl{ position:absolute; bottom:0; }
	.ctrl{ .opactiy();
		height:30px; line-height:30px; text-align:right; z-index:3;
		a{ height:8px; width:16px; background:#999; margin:0 5px; .bd(#fff);
			&.active{ background:#38f;}
		}
		
	}
	.point-ctrl{ z-index:4; right:5px; bottom:5px;
		a{ background:url(../images/ui_slider_ctrl.png) no-repeat; width: 40px; height: 24px; float:left; .opactiy(0.5);}
		.left-point{
			background-position: 0 0;
			&:hover{ background-position: 0 -24px;}
		}
		.right-point{ background-position: right 0 ; width: 40px;
			&:hover{ background-position: right -24px;}
		}
		
	}
}
